<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
    	div{
    		height: 200px;
    		width: 300px;
    		background-color: gold;
    	}
    </style>
    <script src="jquery-1.11.1.js"></script>
    <script>
    	// $(document).ready(function(){
    	// 	// DOM 对象转换成Jquery 对象
    	// 	var btn = document.getElementById("btn");
    	// 	$(btn).click(function(){
    	// 		$("div").hide();
    	// 	})
    	// })

    	$(function(){

    	// jQuery 对象转换成DOM对象
    	// $("button")[1].onclick = function(){
    	// 	alert("jQuery 转换成DOM对象");
    	// }

    	 // 另外一个方式
            // $("button").get(0).onclick = function () {
            //     alert("jQuery对象转换成dom对象");
            // }

            // js里面的click() 方法：触发click事件
            // js里面的onclick 是绑定点击事件
            var btn = document.getElementById("btn");
            btn.onclick = function () {
                alert("我是btn的onclick");
            };
            // btn.click();
    	})


    </script>
</head>

<body>
    <button id="btn">我是阿牛</button>
    <button>我是阿妹</button>
    <div>
    </div>
</body>

</html>
